// 主色
$color-primary: #409EFF;
// 主色 - 更浅
$color-primary-light: #e0faff;
// 危险色
$color-danger: #f6222d;
// 警告色
$color-warning: #ffb426;
$color-warning-light: #fff8eb; // 非标准，兼容旧设计
// 成功色
$color-success: #78cb1d;
// 白色
$color-white: #fff;
// 黑色
$color-black: #333;

////////////////
// 文字
///////////////

// 主文字
$color-text-main: #636a74;
// 加深文字
$color-text-dark: #1d222a;
// 浅色文字
$color-text-light: #9397a2;
// 主题色
$color-text-primary: #00a6c9;
// 主题色 - hover
$color-text-primary-hover: #66b1ff;
// 危险色
$color-text-danger: $color-danger;
// 警告色
$color-text-warning: $color-warning;
// placeholder
$color-text-placeholder: #c3c8cc;



/////////////////
// 背景色
/////////////////

// 主色
$color-bg-primary: $color-primary;
// 主色 - 更浅
$color-bg-primary-light: $color-primary-light;
// 次级
$color-bg-secondary: #9397a2;
// 浅灰
$color-bg-grey-light: #f5f6f7;
// 中灰
$color-bg-grey-medium: #c3c8cc;
// 深灰
$color-bg-grey-dark: #9397a2;
// 危险
$color-bg-danger: $color-danger;
// 警告色
$color-bg-warning: $color-warning;
// hover
$color-bg-hover:$color-primary-light;

//////////////////
// 边框
/////////////////

// 主边框
$color-border: #d9d9d9;
// 主色
$color-border-primary: $color-primary;
// 浅边框
$color-border-light: #f5f6f7;
// 深边框
$color-border-dark: #9397a2;
// 危险色
$color-border-danger: #f6222d;
